<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <title>ระบบฐานข้อมูลครุภัณฑ์</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>



    <script src="http://code.jquery.com/jquery-1.8.2.js"></script>
    <script src="http://code.jquery.com/ui/1.9.1/jquery-ui.js"></script>
    <script src="<?=base_url('public/js/bootstrap-datepicker.js')?>"></script>
    <script src="<?=base_url('public/js/bootstrap-datepicker.min.js')?>"></script>


    <!-- Bootstrap -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="<?=base_url('public/css/bootstrap-responsive.min.css')?>" rel="stylesheet" type="text/css">
    <link href="<?=base_url('public/css/bootstrap-theme.min.css')?>" rel="stylesheet" type="text/css">
    <!--link href="public/css/bootstrap.min.css" rel="stylesheet" type="text/css"-->
    <link href="<?=base_url('public/css/bootstrap.css')?>" rel="stylesheet" type="text/css">
    <link href="<?=base_url('public/css/style.css')?>" rel="stylesheet" type="text/css"/>
    <script type="text/javascript">
        $( document ).ready(function() {
        <?php if(isset($tab)) { ?>
            $('#myTab a[href="<?=$tab?>"]').tab('show');
        <?php } ?>
        });

    </script>
</head>
<body>
<div class="container-fluid">
    <div class="row">


        <div class="col-sm-8 col-sm-offset-2">
            <div class="main">


                <div class="header" style="-webkit-border-bottom-right-radius: 10px;     -webkit-border-bottom-left-radius: 10px;     -moz-border-radius-bottomright: 10px;     -moz-border-radius-bottomleft: 10px;     border-bottom-right-radius: 10px;     border-bottom-left-radius: 10px;">


                    <div class="logo">

                        <div class="row">
                            <div class="col-md-1 col-sm-12" align="center">
                                <img src="<?=base_url('public/img/thammasat_logo.jpg')?>" width="90px" height="90px" alt="thammasat logo"
                                     class="img-circle"/>
                            </div>
                            <div class="col-lg-5 col-md-7 col-sm-12" align="center">
                                <h1 style="color:#d9cbbf">ระบบฐานข้อมูลครุภัณฑ์<br>
                                    <small style="color:#bfb195">ภาควิชาวิศวกรรมไฟฟ้าและคอมพิวเตอร์</small>
                            </div>

                        </div>

                        <!--table>
                            <tr>
                                <td>
                                    <img src="public/img/thammasat logo.jpg" width="90px" height="90px" alt="thammasat logo"
                                         style=" margin-right: 15px; border-radius: 45px;"/>
                                </td>
                                <td>
                                    <h1 style="color:#d9cbbf">ระบบฐานข้อมูลครุภัณฑ์<br>
                                        <small>ภาควิชาวิศวกรรมไฟฟ้าและคอมพิวเตอร์</small>
                                    </h1>
                                </td>
                            </tr>
                        </table-->



                    </div>
                    </div>
    <!-- <div class="profile">
         <div class="profile_resize">
             Welcome Pond!

         </div>

         <div class="clr"></div>

     </div-->

    <div class="content" style="border-radius:10px; background-color: #d9cbbf;margin: 13px;">
        <div class="content_bg">
            <div class="mainbar">
                <div class="article" align="center">
                    <h1>ล็อกอินเพื่อเข้าสู่ระบบ</h1>

                    <div class="clr"></div>

                    <?php echo validation_errors(); ?>
                    <?php echo form_open('verifylogin'); ?>
                    <div class="form-group">
                        <label for="username" class="sr-only">Username</label>
                        <input style="width: auto; font-size: 20px;" type="text"  id="username" name="username"
                               class="form-control" placeholder="Username" required>
                        <label for="password" class="sr-only">Password</label>
                        <input style="width:auto; font-size: 20px; " type="password"  id="password" name="password"
                               class="form-control" placeholder="Password" required>
                    </div>
                    <button style="font-size: 20px;" type="submit" class="btn btn-default">login</button>
                    </form>

                    <div class="clr"></div>
                </div>

            </div>
        </div>
        <div class="clr"></div>

    </div>


    <div class="footer">
        <div class="footer_resize">
            <p class="lf">Copyright 2014 All Rights Reserved</p>

            <p class="rf">Faculty of Engineering, Thammasat University.</p>

            <div class="clr"></div>
        </div>
    </div>
</div>
</div>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="public/js/bootstrap.min.js"></script>
</body>
</html>